<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>国艺文津官网</title>
  <link rel="stylesheet" href="plugins/bootstrap/css/bootstrap.min.css">
  <link rel="stylesheet" href="styles/common.css">
  <link rel="stylesheet" href="styles/news.css">
  <link rel="stylesheet" href="styles/animate.css">
  <link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
  <style>
    html,
    body {
      height: 100%;
    }

    #main {
      min-height: 100%;
      padding-bottom: 124px;
    }

    #footer {
      margin-top: -124px;
    }
  </style>
</head>

<body>
  <!--nav star-->
  <div id="main">
    <nav class="nav nav-wrapper">
      <div class="container">
        <div class="navbar-header">
          <div class="logo">
            <a href="index.html"><img id="logo" src="images/logo.png"></a>
          </div>
          <button class="navbar-toggle pull-right" data-toggle="collapse" data-target=".navbar-collapse">
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
          </button>
        </div>
        <div class=" navbar-collapse collapse  ul-warpper none-padding-right">
          <ul class="navbar-nav nav  nav-ul">
            <li><a class="a-wrapper" href="index.html">首页</a></li>
            <li class="active">
              <a class="a-wrapper" href="news.html">新闻中心</a>
            </li>
            <li>
              <a class="a-wrapper" href="technica.html">产品服务</a>
            </li>
            <li>
              <a class="a-wrapper" href="case.html">典型案例</a>
            </li>
            <li>
              <a class="a-wrapper" href="about.html">关于我们</a>
            </li>
          </ul>

        </div>
      </div>
    </nav>
    <!--nav end-->
    <!--banner star-->
    <section class="banner-img">
      <img src="images/banner-1.jpg" alt="">
    </section>
    <!--banner end-->
    <!--news star-->
    <section class="news common-tab">
      <div class="container">
        <div class="col-sm-3 common-tab-left">
          <div class="common-tab-left-content">
            <div class="ctlc-top">
              <h5 class="ctlc-title">新闻中心</h5>
            </div>
            <ul class="nav click-nav" id="nav">
              <li><a href="javascript:;" class="ellipsis" aria-expanded="true" data-id="news" data-title="公司新闻">公司新闻</a>
              </li>
              <li><a href="javascript:;" class="ellipsis" aria-expanded="false" data-id="dynamics"
                  data-title="行业动态">行业动态</a></li>
            </ul>
          </div>
        </div>
        <div class="col-sm-9 news-right common-tab-right">
          <div class="common-tab-right-content">
            <div class="tab-content" id="tab-content">

            </div>
            <div class="tab-content" id="detail-content" style="display: none;"></div>
          </div>
        </div>
    </section>
  </div>




  <!--news end-->
  <!--footer star-->
  <footer id="footer">
    <div class="container">
      <p class="text-center">
        <a href="/news.html">新闻中心</a>
        <a href="/technica.html">产品服务</a>
        <a href="/about.html#0">关于公司</a>
        <a href="/about.html#3">联系我们</a>
      </p>
      <p class="text-center">
        <a href="https://beian.miit.gov.cn/#/Integrated/recordQuery" target="_blank">
          备案号：鄂ICP备20008738号-1
        </a>
      </p>
      <p class="text-center">©2020 国艺文津新媒体科技(北京)有限公司版权所有</p>
    </div>
  </footer>
  <!--footer end-->


  <script src="plugins/jquery/jquery.min.js" type="text/javascript" charset="utf-8"></script>
  <script src="plugins/bootstrap/js/bootstrap.min.js" type="text/javascript" charset="utf-8"></script>
  <script src="javascripts/markdown-it.min.js"></script>
  <script src="javascripts/index.js" type="text/javascript" charset="utf-8"></script>
  <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
  <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
  <!--[if lt IE 9]>
    <script src="http://cdn.bootcss.com/html5shiv/3.7.2/html5shiv.min.js"></script>
    <script src="http://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
  <![endif]-->
  <script>
    $(function () {
      new News();
    })
  </script>

</body>

</html>